<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML元素练习</title>
</head>

<body>
    <h1>HTML元素练习</h1>
    <p><label>年龄：<input name=age type=number min=0></label></p>
    <form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
        <input name=a type=number step=any> +
        <input name=b type=number step=any> =
        <output name=o for="a b"></output>
    </form>
    <section>
        <h2>嵌入内容元素</h2>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laborum harum, nesciunt suscipit corporis,
            reiciendis
            nihil voluptas quaerat modi debitis quibusdam distinctio! Veritatis porro dolorum ipsum minus illo? Itaque,
            impedit nobis.</p>
        <video src="media/back.ogv" controls poster="media/snap.png"></video>

        <p>
            <audio src="media/Backroad.ogg" controls autoplay="TRUE"></audio>
        </p>
        <iframe height=498 width=510 src='http://player.youku.com/embed/XNDU0NDQxNzA3Mg=='
            frameborder=0 'allowfullscreen'></iframe>
    </section>
    <section>
        <h2>表格元素</h2>
        <table>
            <caption>
                <p>表格标题</p>
            </caption>
            <tr>
				
				
				
                <th>序号</th>
                <th>姓名</th>
                <th>性别</th>
            </tr>
            <tr>
                <td>1</td>
                <td>yang</td>
                <td>male</td>
            </tr>

            <tr>
                <td>2</td>
                <td>wang</td>
                <td>fmale</td>
            </tr>
            <tr>
                <td>3</td>
                <td>liang</td>
                <td>male</td>
            </tr>
            </tr>
        </table>
    </section>
    <section>
        <h2>表单元素</h2>
        <form action="http://www.bing.com/search" method="get">
            <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
        </form>
        <form action="https://www.baidu.com/s" method="get">
            <label>Baidu: <input type="search" name="wd"></label> <input type="submit" value="百度一下">
        </form>
        <form action="https://search.jd.com/Search?enc=utf-8" method="get">
            <label>京东购物 <input type="search" name="keyword"></label> <input type="submit" value="搜索">
        </form>
        <form action="https://www.zhihu.com/search?type=content" method="get">
            <label>zhihu <input type="search" name="q"></label> <input type="submit" value="搜索">
        </form>

    </section>
</body>

</html>
